<template>
  <div id="__layout-wrapper" class="__default-layout">
    <!--头部导航栏 START-->
    <MilkHeader></MilkHeader>
    <!--头部导航栏 END-->

    <!--左边的导航栏 START-->
    <LeftNav></LeftNav>
    <!--左边的导航栏 END-->

    <!--右侧的展示区域 START-->
    <div class="body-container">
      <Nuxt keep-alive :keep-alive-props="{ include: includeArr }"/>
    </div>
    <!--右侧的展示区域 END-->

  </div>
</template>
<script>
export default {
  data: () => ({
    includeArr: [
      'Home','Plugs'
    ]
  })
}
</script>

<style src="assets/css/fonts.css"></style>
<style src="assets/iconfont/iconfont.css"></style>

<style>
#waifu {
  left: auto !important;
  right: 14px;
}

.__default-layout {
  display: flex;
}

html, body, div, span, input, li, ul {
  box-sizing: border-box;
}


ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
}

.body-container {
  position: relative;
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.relative-full {
  position: relative;
  width: 100%;
  height: 100%;
}

/*1200px 以上 plug-container 在右边*/
@media (min-width: 1200px) {
  .article-container {
    width: 66.66%;
  }
}

/*992px以内，nav-container消失*/
@media (max-width: 992px) {
  .__default-layout {
    padding-top: 55px;
  }
}

</style>
